<template>
  <div class="home">
    <Border title="活动基本信息编辑"><BasicInfo /> </Border>
    <Border title="活动规则编辑"><ProjectItem /> </Border>
    <Border title="活动时间编辑"><TimeValue /> </Border>
    <Border title="活动渠道编辑"><ActiveEdit /> </Border>

    <ElButton @click="handleForm" type="primary">下一页</ElButton>
  </div>
</template>

<script>
import { ElButton } from "element3";
import {
  Border,
  BasicInfo,
  BasicForm,
  TimeValue,
  TimeValues,
  ActiveEdit,
  store,
  ProjectItem,
  list,
  flag,
  submitForms,
  proSubmitForms,
  activeSubmitForms,
} from "../components/index";

export default {
  components: {
    Border,
    BasicInfo,
    TimeValue,
    ActiveEdit,
    ElButton,
    ProjectItem,
  },
  setup(props) {
    const handleForm = () => {
      flag.flags = true;
      submitForms();
      proSubmitForms();
      activeSubmitForms();
      console.log(BasicForm, TimeValues, store, list);
    };
    return {
      handleForm,
    };
  },
};
</script>

<style lang="scss">
.home {
  width: 70%;
  height: auto;
  margin: 0 auto;
  .el-button {
    margin-left: 10%;
  }
}
</style>